<template>
  <el-container>
    <el-header>
      <Header></Header> <!--导航栏组件-->
    </el-header>
    <el-container>
      <Siderbar></Siderbar> <!--侧边栏组件-->
       
      <el-container>
        <el-main>
          <Breadcrumb></Breadcrumb>  <!--面包屑组件-->
            
          <router-view></router-view>  <!--渲染组件-->
            
        </el-main>

        <el-footer>
          <Footer></Footer> <!--底部组件-->
        </el-footer>
        
      </el-container>
      
    </el-container>
    <!--
    <Scrolltotop></Scrolltotop>
    -->
  </el-container>
</template>



<script>
import Header from './../../components/header/Header'
import Breadcrumb from './../../components/breadcrumb/Breadcrumb'
import Footer from './../../components/footer/Footer'
import Siderbar from './../../components/sidebar/Sidebar'
// import Scrolltotop from './../../components/scrolltotop/Scrolltotop'
// import ResizeMixin from '@/utils/resizeHandler'
// import axios from './../../axios'


export default {
  name: 'HomePage',
  components: {
    Header,
    Breadcrumb,
    Footer,
    Siderbar,
    // Scrolltotop
  },
  // mixins: [ResizeMixin],
  computed: {
  },
  created () {

  },
  methods: {
  },
  mounted () {
    
  }
}
</script>

<style scoped lang="scss">
  .el-main {
    background-color: #e3e5ea;
    color: #333;
    padding :10px;
    margin-bottom: 30px;
  }
  .el-header, .el-footer {
      color: #333;
      height: 50px !important;
      padding: 0;
    }
  body > .el-container {
    margin-bottom: 40px;
  }

</style>
